import { IconInfoCircle } from "@tabler/icons-react";
import { Alert } from "@mantine/core";
import { useTranslations } from 'next-intl';
import React from "react";
import classes from "./CopyRightAlert.module.css";

export default function CopyRightAlert() {
    const t = useTranslations('Copyright');
    return (
        <div className={classes.container}>
            <Alert variant="filled" color="#35a2f3" radius="lg" title={t('title')} icon={<IconInfoCircle />}>
                {t('part1')}&nbsp;
                <a style={{ color: 'yellow' }} href="https://github.com/LingmoOS" target="_blank" rel="noreferrer">
                    Lingmo OS
                </a>&nbsp;
                {t('part2')}
                <br />
                {t('part3')}(QQ:&nbsp;
                <a style={{ color: 'yellow' }} href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=2422586862"
                    target="_blank" rel="noreferrer">
                    2422586862
                </a>&nbsp;Email:&nbsp;
                <a style={{ color: 'yellow' }} href="mailto:team@lingmo.org"
                    target="_blank" rel="noreferrer">
                    team@lingmo.org
                </a>
                )
            </Alert>
        </div>

    );
}
